export default `
<div>
	<span style="font-size: 25px;">控件属性</span>
</div>
<form name="widgets" style="margin: 20px 0 20px 0;">
	<div>
		<span style="margin-right:20px;">
			<input type="checkbox" name="legend_hide" style="" id="field1"></input>
			<label for="field1">是否隐藏图例组件</label>
		</span>
		<span style="margin-right:20px;">
			<input type="checkbox" name="zoom_inside_hide" style="" id="field2"></input>
			<label for="field2">是否隐藏滑动型缩放组件</label>
		</span>
		<span style="margin-right:20px;">
			<input type="checkbox" name="zoom_slider_hide" style="" id="field6"></input>
			<label for="field6">是否隐藏拖动型缩放组件</label>
		</span>
		<span style="margin-right:20px;">
			<input type="checkbox" name="show_lable" style="" id="field7"></input>
			<label for="field7">是否每一项上边都显示数值标签</label>
		</span>
		<span style="margin-right:20px;">
			<input type="checkbox" name="show_average" style="" id="field3"></input>
			<label for="field3">是否显示平均线</label>
		</span>
		<span style="margin-right:20px;">
			<input type="checkbox" name="show_max" style="" id="field4"></input>
			<label for="field4">是否显示最大值标记点</label>
		</span>
		<span style="margin-right:20px;">
			<input type="checkbox" name="show_min" style="" id="field5"></input>
			<label for="field5">是否显示最小值标记点</label>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">作为x轴数据的字段名：</label>
			<input type="text" name="x" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">x坐标轴的名称：</label>
			<input type="text" name="x_name" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">对应左y轴数据的字段名：</label>
			<input type="text" name="y_left" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>数据格式为：["客流量"],数组中的值为数据字段名
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">对应右y轴数据的字段名：</label>
			<input type="text" name="y_right" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>数据格式为：["客流量"],数组中的值为数据字段名
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">左y轴名称：</label>
			<input type="text" name="y_left_name" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">右y轴名称：</label>
			<input type="text" name="y_right_name" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">显示为柱状图：</label>
			<input type="text" name="bar" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>数据格式为：["客流量"],数组中的值为数据字段名
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">主题：</label>
			<select name="theme" style="width: 200px;">
				<option>dark</option>
				<option selected>infographic</option>
				<option>macarons</option>
				<option>roma</option>
				<option>shine</option>
				<option>vintage</option>
			</select>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">鼠标放置显示内容：</label>
			<input type="text" name="tooltip_formatter" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>{a}（系列名称），{b}（类目值），{c}（数值）, {d}（无）
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">区域缩放的起点：</label>
			<input type="text" name="dataZoom_start" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">区域缩放的终点：</label>
			<input type="text" name="dataZoom_end" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">标签的位置：</label>
			<select name="lable_position" style="width: 200px;">
				<option>top</option>
				<option>left</option>
				<option>right</option>
				<option>bottom</option>
				<option>inside</option>
				<option>insideLeft</option>
				<option>insideRight</option>
				<option>insideTop</option>
				<option>insideBottom</option>
				<option>insideTopLeft</option>
				<option>insideBottomLeft</option>
				<option>insideTopRight</option>
				<option>insideBottomRight</option>
			</select>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">标签的字符串模板：</label>
			<input type="text" name="lable_formatter" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;"></input>{a}（系列名称），{b}（数据名），{c}（数据值），{@xxx}：数据中名为'xxx'的维度的值，如{@product}表示名为'product'的维度的值，{@[n]}：数据中维度n的值，如{@[3]} 表示维度 3 的值，从 0 开始计数。
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label style="display: inline-block;width:200px;">数据：</label>
			<input type="text" name="value" style="border-left: none;border-top: none;border-right:  none;border-bottom-color:  black;width: 500px;border-bottom-style: solid;border-bottom-width: 1px;" value='[{"time":"1997/12/09","收入":"961","客流量":"2","销售量":"2"},{"time":"1997/12/10","收入":"991","客流量":"3","销售量":"243"},{"time":"1997/12/11","收入":"891","客流量":"7","销售量":"122"},{"time":"1997/12/12","收入":"101","客流量":"7","销售量":"32"},{"time":"1997/12/13","收入":"961","客流量":"7","销售量":"323"},{"time":"1997/12/14","收入":"991","客流量":"7","销售量":"124"},{"time":"1997/12/15","收入":"81","客流量":"7","销售量":"152"},{"time":"1997/12/16","收入":"111","客流量":"7","销售量":"173"},{"time":"1997/12/17","收入":"961","客流量":"7","销售量":"142"},{"time":"1997/12/18","收入":"991","客流量":"7","销售量":"137"},{"time":"1997/12/19","收入":"891","客流量":"8","销售量":"103"},{"time":"1997/12/20","收入":"101","客流量":"7","销售量":"142"}]'></input>
		</span>
	</div>
	<br>
	<input type="button" value="预览" style="width: 200px;height: 40px;" data-feidao-actions="click:eu-014" />
	<br>
	value, x 属性是必传的, 控件的宽高必须设定
</form>
<textarea data-feidao-id="fd-wh000006-002" cols=80 rows=15 style="float:left;"></textarea>

<div data-feidao-presentation="p02" style="width:500px;height:400px;display:inline-block;" data-feidao-actions="fdwe-click:eu-003"></div>

<div>
<span style="font-size: 25px;">控件方法</span>
<textarea data-feidao-id="fd-wh000006-003" cols=80 rows=15 style="float:right;margin-right:200px;"></textarea>
<br>
<input type="button" value="设置数据" style="margin:10px;width: 150px;" data-feidao-actions="click:eu-001">
<input type="text" value="" placeholder="数据" style="margin:10px;width: 600px;" data-feidao-id="value-id">
<br>
<input type="button" value="返回一个 base64 的 URL" style="margin:10px;width: 150px;" data-feidao-actions="click:eu-002">
<img width=200 height=200 src="" data-feidao-id="img-id" >
<br>
</div>
<div>
<span style="font-size: 25px;">控件事件</span>
</div>
<div>
<span style="font-size: 18px;">控件内所有的用户操作不需在组件中绑定事件，应是组件获取控件的内容或属性。获取方式有两种：一、通过调用控件的方法；二、控件向外抛出事件</span>
</div>
<div>
控件抛出的事件：fdwe-click---点击图标抛出事件
<br>
<span>事件抛出的内容如下所示，内容为组件相应函数中的args参数</span>
</div>
`;
